<!--  -->
<template>
  
      <Modal :title="title" @on-visible-change="change" :zhmodel="zhmodel" v-model="model" :width="width"  class="zh-modal-progress" :scrollable='scrollable'  >
            <!-- <p slot="header" >{{title}}</p> -->
            <p v-if="!!totalTime" style="padding:15px 0 0 15px;">
                总耗时：{{totalTime}}
            </p>
            <Table  border :columns="columns" :data="data"></Table>
        </Modal>
  
</template>

<script>
export default {
    name:'progressModal',
    data(){
        return{
            model:false
        }
    },
    props:{
        zhmodel:{
            type:Boolean,
            default:false
        },
        width:{
            type:String|Number,
            default:700
        },
        scrollable:{
            type:Boolean,
            default:true
        },
        title:String,
        totalTime:String,
        columns:{
            type:Array,
            default:[]
        },
        data:{
            type:Array,
            default:[]
        }
    },
    methods:{
        change(active){
            this.$emit('change',active)
        }
    },
    watch:{
        zhmodel(){
            this.model=this.zhmodel
        }
    }

}

</script>
<style lang='scss' >
.zh-modal-progress {
    .ivu-modal-body {
        padding-bottom: 15px;
    }
    .ivu-modal-footer {
        display: none;
    }
}
</style>